import styles from './index.module.less'
import CircularImg from '@/assets/report/department/circular.png'
import ArrowImg from '@/assets/report/department/arrow.png'
import type { SwiperItemProps } from '../../interface'
import { observer } from 'mobx-react'
export const TrainInfoPage = observer((props: SwiperItemProps) => {
    const {
        current,
        itemIndex,
        store: { dataSource },
    } = props
    const { basic_student_module } = dataSource || {}
    const isActive = current === itemIndex

    return (
        <div className={styles.train}>
            <div className={isActive ? styles.active_train_wrapper : styles.train_wrapper}>
                <div className={styles.train_wrapper_content}>
                    <p>
                        <span>2024</span>， 在<span className={styles.project}>学员培训</span>上
                    </p>
                    <p>{basic_student_module?.region}</p>
                    <p>
                        共开展了 <span>{basic_student_module?.total_course_num}</span>类创业培训项目
                    </p>
                    <p>
                        <span>{basic_student_module?.total_group_num}</span>期培训班
                    </p>
                    <p>
                        合计<span>{basic_student_module?.total_student_num}</span>名参训学员
                    </p>
                    <p>
                        其中<span>{basic_student_module?.total_quality_student_num}</span>
                        人培训合格，合格率
                        <span>{basic_student_module?.quality_percent}</span>
                    </p>
                    <div className={styles.line} />
                    {/* <p>大众创业 万众创新</p> */}
                    <p>2024年，{dataSource.region}在创业培训工作上</p>
                    <p>迈出了坚实的步伐</p>
                </div>
            </div>
            <img
                className={isActive ? styles.active_train_arrow : styles.train_arrow}
                src={ArrowImg}
            />
            <img src={CircularImg} className={styles.train_circular} />
        </div>
    )
})

export default TrainInfoPage
